<!DOCTYPE html>
<html>

<head>
    <!--
    
        Time v2.0.0
        
        Created: April 27, 2015
        Updated: May 24, 2016        
        
        Copyright © 2015 - 2016 by www.rosea.io
         
                                _   _                              
     _ __ ___  ___  ___  __ _  | |_| |__   ___ _ __ ___   ___  ___ 
    | '__/ _ \/ __|/ _ \/ _` | | __| '_ \ / _ \ '_ ` _ \ / _ \/ __|
    | | | (_) \__ \  __/ (_| | | |_| | | |  __/ | | | | |  __/\__ \
    |_|  \___/|___/\___|\__,_|  \__|_| |_|\___|_| |_| |_|\___||___/    
    
    -->   
    
    {MobileAppHeaders}
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    
    <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
    
    {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}    
    
    <link rel="shortcut icon" href="{Favicon}">
    <link rel="apple-touch-icon" href="{PortraitURL-128}">
    <link rel="alternate" type="application/rss+xml" href="{RSS}">

    <!-- Google Fonts -->
    <link rel="stylesheet" type='text/css' href="http://fonts.googleapis.com/css?family={text:Google Font Link}">
    
    <!-- Awesome Font -->    
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
    
    {block:IfPhotoZoom}     
    <!-- Simple Lightbox Popup CSS -->
    <link rel="stylesheet" href="http://static.tumblr.com/wfauvgx/uceo3z8ne/simplelightbox.min.css">
    {/block:IfPhotoZoom} 
 
    {block:IfAnimations}   
    <!-- CSS3 Animate it -->
    <link rel="stylesheet" href="http://static.tumblr.com/wfauvgx/2Lunlpqar/animations.css">
    <!--[if lte IE 9]>
          <link href='http://static.tumblr.com/wfauvgx/bYcnlpqc3/animations-ie-fix.css' rel='stylesheet'>
    <![endif]-->
    {/block:IfAnimations} 

    {block:Hidden}
    <meta name="image:Logo" content="{LogoImage}"/>     
    <meta name="image:Slide 1" content=""/>
    <meta name="image:Slide 2" content=""/>
    <meta name="image:Slide 3" content=""/>
        
    <meta name="color:Slogan Color" content="#fff"> 
    <meta name="color:Hamburger Menu Icon" content="#000">      
    <meta name="color:Author Text Color" content="#fff"> 

    <meta name="color:Links Color" content="#00bcd4">           
    <meta name="color:Links Hover Color" content="#01579b"> 
    
    <meta name="color:Main Nav Link Color" content="#212121">   
    <meta name="color:Main Nav Link Hover Color" content="#9e9e9e"> 

    <meta name="color:Popup Menu Text Color" content="#fff">
    <meta name="color:Popup Menu Background Color" content="#000">
    
    <meta name="color:Post Background" content="#ffffff">   
    <meta name="color:Post Heading Color" content="#000">  
    <meta name="color:Post Text Color" content="#404040">   
    <meta name="color:Post Meta Text Color" content="#bdbdbd"> 
    <meta name="color:Read More Color" content="#000">       
    <meta name="color:Read More Text Color" content="#ffffff"> 
    
    <meta name="color:Quote Background Color" content="#000000">     
    <meta name="color:Quote Text Color" content="#fff">   
    
    <meta name="color:Chat Background Color" content="#fffee8">   
    <meta name="color:Chat Text Color" content="#000">  
            
    <meta name="color:Footer Text Color" content="#6d6d6d">      

    <meta name="color:Pagination Color" content="#000"> 
    
    <!-- General Options -->
    <meta name="if:Sticky Top" content="">    
    <meta name="if:Slider" content="">     
    <meta name="if:Slide 1" content=""> 
    <meta name="if:Slide 2" content=""> 
    <meta name="if:Slide 3" content=""> 
    
    <meta name="if:Animations" content="">     
    <meta name="if:Infinite Scroll" content="">        
    <meta name="if:Show Preloader" content=""> 

    <!-- Header Options -->   
    <meta name="if:Show Popup Main Menu" content="">
    <meta name="if:Show Popup Social Links" content=""> 
    <meta name="if:Show Tags Menu" content="">
    <meta name="if:Show Search" content="">
    <meta name="if:Show RSS link" content="">
    <meta name="if:Show Archive link" content="">
    <meta name="if:Show Random link" content="">

    <!-- General Posts Options -->   
    <meta name="if:Photo zoom" content=""> 
    <meta name="if:Date" content="">  
    <meta name="if:Notes" content="">  
    <meta name="if:Show Post Tags" content=""> 
    <meta name="if:Show EXIF Data" content="">      
    <meta name="if:Next Previous Links on Post Page" content=""> 
    
    <!-- Social share -->
    <meta name="if:Social Share Icons" content=""> 
    <meta name="if:Like Button" content=""> 
    <meta name="if:Reblog Button" content="">   
    <meta name="if:Facebook Share" content="">     
    <meta name="if:Twitter Share" content="">
    <meta name="if:Pinterest Share" content="">
    <meta name="if:Google Plus Share" content="">

    <!-- Header --> 
    <meta name="text:Page Description" content="">
    <meta name="text:Slider Height" content="600px"> 
    <meta name="text:Slider Text 1" content=""> 
    <meta name="text:URL Slider Text 1" content=""> 
    <meta name="text:Slider Description Text 1" content="">  
    
    <meta name="text:Slider Text 2" content="">
    <meta name="text:URL Slider Text 2" content="">  
    <meta name="text:Slider Description Text 2" content="">    
    
    <meta name="text:Slider Text 3" content="">
    <meta name="text:URL Slider Text 3" content="">    
    <meta name="text:Slider Description Text 3" content="">

    <meta name="text:Tag 1" content="">
    <meta name="text:Tag 2" content="">  
    <meta name="text:Tag 3" content="">
    <meta name="text:Tag 4" content=""> 
    <meta name="text:Tag 5" content="">
    <meta name="text:Tag 6" content="">  
    <meta name="text:Tag 7" content="">
    <meta name="text:Tag 8" content="">      
    <meta name="text:Tag 9" content="">
    <meta name="text:Tag 10" content="">  
    
    <!-- Analytics & Comments -->
    <meta name="text:Disqus shortname" content="">
    <meta name="text:Google Analytics ID" content="">

    <!-- Social accounts -->
    <meta name="text:Behance Username" content="">
    <meta name="text:DeviantArt Username" content="">
    <meta name="text:Dribbble Username" content="">
    <meta name="text:Email Address" content="">
    <meta name="text:Facebook Username" content="">
    <meta name="text:Flickr Username" content="">
    <meta name="text:Github Username" content="">
    <meta name="text:Instagram Username" content="">
    <meta name="text:LinkedIn Username" content="">
    <meta name="text:Pinterest Username" content="">
    <meta name="text:Reddit Username" content="">
    <meta name="text:Skype Username" content="">
    <meta name="text:Twitter Username" content="">
    <meta name="text:Vimeo Username" content="">

    <!-- Fonts -->  
    <meta name="text:Google Font Link" content="Roboto:400,700" />
    <meta name="text:Body Google Web Font" content="Roboto" /> 
    {/block:Hidden}

    <link rel="stylesheet" href="http://static.tumblr.com/wfauvgx/prso8yxbj/main.css">
    <link rel="stylesheet" href="http://static.tumblr.com/wfauvgx/DGFo6x2c0/photoset_style.css">
    
    <style>
    
        .hamburger-menu .fa, .search-menu .fa, .mainHeader .mainNav ul li a, .pageDesc, .mainHeader .slick-slide-heading, .slick-slide-desc { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); }
    
         body, #preloader { background-color: {BackgroundColor}; font-family: {text:Body Google Web Font}; }
         
         .logo { font-weight: {TitleFontWeight}; font-family: {TitleFont};  color: {TitleColor}; }

        .sidebar .sidebar-close { color: {color:Popup Menu Text Color}; }
        .sidebar { background: rgba({RGBcolor:Popup Menu Background Color},0.8); }
        .sidebar .sidebar-content .main-nav a, .sidebar .sidebar-content .social-nav li a { color: {color:Popup Menu Text Color}; }

        .postContent a { color: {color:Links Color}; }
        .postContent a:hover { color: {color:Links Hover Color}; }
        
        .hamburger-menu, .search-menu { color: {color:Hamburger Menu Icon}; } 
        
        .mainHeader { background-color: {AccentColor}; }
        .mainHeader .headerContent, .mainHeader .slogan, .mainHeader .slick-slider .slick-slide { height: {text:Slider Height};}
        
        .mainHeader .mainNav ul li a, .pageDesc { color: {color:Main Nav Link Color}; }
        .mainHeader .mainNav ul li a:hover { color: {color:Main Nav Link Hover Color}; }
        .mainHeader .mainNav ul li a:before { background: {color:Main Nav Link Hover Color}; }        
        
        .mainHeader .slick-slide-heading, .slick-slide-desc { color: {color:Slogan Color}; }
        
        .mainFooter p { color: {color:Footer Text Color}; }
        .mainFooter .author a:hover { color: {color:Links Hover Color}; }

        .post { background: {color:Post Background}; }
        .post .postTitle { color: {color:Post Heading Color}; }
        .post .meta { color: {color:Post Meta Text Color}; }
        .post { color: {color:Post Text Color}; }
        .readMore { background: {color:Read More Color}; }
        .readMore svg { fill: {color:Read More Text Color}; }      
        .readMore:hover { background: {color:Links Hover Color}; }
        
        .formatQuote { background: {color:Quote Background Color}; }
        .formatQuote .shareButton svg { fill: {color:Quote Text Color}; }
        .formatQuote .postTitle a, .formatQuote .postExcerpt, .formatQuote .quoteAuthorBox { color: {color:Quote Text Color}; }
        
        .formatQuote .postTitle a:hover { color: {color:Quote Text Color}; }
        .formatQuote .icon { fill: {color:Quote Text Color}; }
        .formatQuote .meta { color: {color:Quote Text Color}; }
        .formatQuote .quoteAuthor, .formatQuote .quoteAuthorBox p:nth-of-type(2) { color: {color:Quote Text Color}; }
        .formatQuote .quoteAuthor a, .formatQuote .quoteAuthorBox p:nth-of-type(2) a { color: {color:Quote Text Color}; }
        .formatQuote p, .formatQuote h2 { color: {color:Quote Text Color}; }
        .formatQuote p a { color: {color:Quote Text Color}; }
        .formatQuote .quoteAuthorBox b, .formatQuote .quoteAuthorBox strong, .formatQuote .quoteAuthorBox h2 { color: {color:Quote Text Color}; }
        .formatQuote .postTags { color: {color:Quote Text Color};  }
        
        .formatLink .icon { fill: {color:Post Heading Color}; }

        .formatChat { background: {color:Chat Background Color}; }
        .formatChat .postTitle, .formatChat .meta, .formatChat .chat li, .formatChat .chat li .chatName { color: {color:Chat Text Color}; }
        
        .pagination a, .pagination .current_page { color: {color:Pagination Color};}
        .pagination a:hover { color: {color:Links Hover Color};}
        
        {block:IfStickyTop}.mainHeader .fixedNav {position: fixed;}{/block:IfStickyTop}
        {block:IfNotStickyTop}.mainHeader .fixedNav {position: absolute;}{/block:IfNotStickyTop}
        {CustomCSS}

    </style>

    <!--[if lt IE 9]>
        <script src="http://static.tumblr.com/vookvsa/elOly45v5/html5.js"></script>
    <![endif]-->
    
</head>

<body class="{block:PermalinkPage}page-permalink {/block:PermalinkPage}{block:IndexPage}page-index{/block:IndexPage}">

{block:IndexPage}
{block:IfShowPreloader}
<!-- Preloader -->
<div id="preloader">
    <div id="status">
        <div class="windows8">
            <div class="wBall" id="wBall_1">
                <div class="wInnerBall"></div>
            </div>
            <div class="wBall" id="wBall_2">
                <div class="wInnerBall"></div>
            </div>
            <div class="wBall" id="wBall_3">
                <div class="wInnerBall"></div>
            </div>
            <div class="wBall" id="wBall_4">
                <div class="wInnerBall"></div>
            </div>
            <div class="wBall" id="wBall_5">
                <div class="wInnerBall"></div>
            </div>
        </div> 
    </div>
</div>
{/block:IfShowPreloader}
{/block:IndexPage}

    {block:IfShowPopupMainMenu}
    <aside id="sidebar" class="sidebar">
    <div class="sidebar-content">   
        <button id="sidebar-close" class="sidebar-close">
            <i class="fa fa-times"></i>
        </button>
        
        <nav class="main-nav">
            <ul>
                {block:HasPages}
                {block:Pages}
                <li><a href="{URL}">{Label}</a></li>
                {/block:Pages}
                {/block:HasPages}
                                    
                {block:IfShowArchiveLink}
                <li><a href="/archive">{lang:Archive}</a></li>
                {/block:IfShowArchiveLink}
    
                {block:AskEnabled}
                <li><a href="/ask">{AskLabel}</a></li>
                {/block:AskEnabled}
    
                {block:IfShowRandomLink}
                <li><a href="/random">{lang:Random}</a></li>
                {/block:IfShowRandomLink}
    
                {block:SubmissionsEnabled}
                <li><a href="/submit">{SubmitLabel}</a></li>
                {/block:SubmissionsEnabled}
    
                {block:IfShowRSSLink}
                <li><a href="{RSS}">RSS</a></li>
                {/block:IfShowRSSLink}
            </ul>
        </nav>        
        
        {block:IfShowPopupSocialLinks}
        <ul class="social-nav">
            {block:IfFacebookUsername}
            <li><a href="http://facebook.com/{text:Facebook Username}/"><i class="fa fa-facebook-square" aria-hidden="true"></i></a></li>
            {/block:IfFacebookUsername}
        
            {block:IfTwitterUsername}
            <li><a href="http://twitter.com/{text:Twitter Username}"><i class="fa fa-twitter-square" aria-hidden="true"></i></a></li>
            {/block:IfTwitterUsername}
        
            {block:IfInstagramUsername}
            <li><a href="http://instagram.com/{text:Instagram Username}"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
            {/block:IfInstagramUsername}
        
            {block:IfFlickrUsername}
            <li><a href="https://www.flickr.com/photos/{text:Flickr Username}"><i class="fa fa-flickr" aria-hidden="true"></i></a></li>
            {/block:IfFlickrUsername}
        
            {block:IfLinkedInUsername}
            <li><a href="http://linkedin.com/in/{text:LinkedIn Username}"><i class="fa fa-linkedin-square"></i></a></li>
            {/block:IfLinkedInUsername}
        
            {block:IfDribbbleUsername}
            <li><a href="http://dribbble.com/{text:Dribbble Username}"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
            {/block:IfDribbbleUsername}
        
            {block:IfDeviantArtUsername}
            <li><a href="http://{text:DeviantArt Username}.deviantart.com"><i class="fa fa-deviantart" aria-hidden="true"></i></a></li>
            {/block:IfDeviantArtUsername}
        
            {block:IfRedditUsername}
            <li><a href="http://www.reddit.com/user/{text:Reddit Username}"><i class="fa fa-reddit-square" aria-hidden="true"></i></a></li>
            {/block:IfRedditUsername}
        
            {block:IfGithubUsername}
            <li><a href="https://github.com//{text:Github Username}"><i class="fa fa-github-square" aria-hidden="true"></i></a></li>
            {/block:IfGithubUsername}
        
            {block:IfBehanceUsername}
            <li><a href="https://www.behance.net/{text:Behance Username}"><i class="fa fa-behance-square" aria-hidden="true"></i></a></li>
            {/block:IfBehanceUsername}
        
            {block:IfVimeoUsername}
            <li><a href="https://www.vimeo.com/{text:Vimeo Username}"><i class="fa fa-vimeo-square" aria-hidden="true"></i></a></li>
            {/block:IfVimeoUsername}
        
            {block:IfPinterestUsername}
            <li><a href="https://www.pinterest.com/{text:Pinterest Username}"><i class="fa fa-pinterest-square" aria-hidden="true"></i></a></li>
            {/block:IfPinterestUsername}
        
            {block:IfSkypeUsername}
            <li><a href="skype:{text:Skype Username}?call"><i class="fa fa-skype" aria-hidden="true"></i></a></li>
            {/block:IfSkypeUsername}
        
            {block:IfEmailAddress}
            <li><a href="mailto:{text:Email Address}"><i class="fa fa-envelope-square" aria-hidden="true"></i></a></li>
            {/block:IfEmailAddress}

            {block:IfYouTubeUsername}
            <li><a href="https://www.youtube.com/user/{text:YouTube Username}"><i class="fa fa-youtube-play"></i></a></li>
            {/block:IfYouTubeUsername}         
            
            {block:IfBandcampUsername}
            <li><a href="http://{text:Bandcamp Username}.bandcamp.com"><i class="fa fa-eraser"></i></a></li>
            {/block:IfBandcampUsername}         
            
            {block:IfSoundCloudUsername}
            <li><a href="https://soundcloud.com/{text:SoundCloud Username}"><i class="fa fa-soundcloud"></i></a></li>
            {/block:IfSoundCloudUsername}               
        
            {block:IfShowRSSicon}
            <li><a href="{RSS}"><i class="fa  fa-rss-square"></i></a></li>
            {/block:IfShowRSSicon}
        </ul>
        {/block:IfShowPopupSocialLinks}    

    </div>    
    </aside>
    {/block:IfShowPopupMainMenu}

{block:IfShowSearch}
<div id="search-box" class="search-box">

    <button id="search-close" class="search-close">
        <i class="fa fa-times"></i>
    </button>        
    
    <form action="/search" method="get" class="search-form">
        <i class="fa fa-search"></i>
        <input type="text" name="q" value="{SearchQuery}" placeholder="{lang:Search}"/>
    </form>
       
</div>
{/block:IfShowSearch} 

<header class="mainHeader {block:IfAnimations}animatedParent animateOnce{/block:IfAnimations}">

    <div class="headerContent">

        <section class="fixedNav">
            <a href="{BlogURL}" class="logo {block:IfAnimations}animated fadeInDownShort animateOnce{/block:IfAnimations}">
                {block:IfLogoImage}<img src="{image:Logo}"/>{/block:IfLogoImage}
                {block:IfNotLogoImage}{Title}{/block:IfNotLogoImage}
            </a>
            
            {block:IfPageDescription}
            <div class="pageDesc {block:IfAnimations}animated fadeInDownShort animateOnce delay-100{/block:IfAnimations}">
            {text:Page Description}
            </div>
            {/block:IfPageDescription}            

            {block:IfShowPopupMainMenu}<button id="sidebar-menu" class="hamburger-menu {block:IfAnimations}animated fadeInDownShort animateOnce delay-600{/block:IfAnimations}"><i class="fa fa-bars" aria-hidden="true"></i></button>{/block:IfShowPopupMainMenu}  
    
            {block:IfShowSearch}
            <button id="search-menu" class="search-menu {block:IfAnimations}animated fadeInDownShort animateOnce delay-600{/block:IfAnimations}">
                <i class="fa fa-search"></i>
            </button> 
            {/block:IfShowSearch}
        
            {block:IfShowTagsMenu}
            <nav class="mainNav {block:IndexPage}animated fadeInDownShort delay-1000{/block:IndexPage}">
                <div class="wrapper">
                    <ul>
                        {block:IfTag1}<li><a href="/tagged/{text:Tag 1}">{text:Tag 1}</a></li>{/block:IfTag1}
                        {block:IfTag2}<li><a href="/tagged/{text:Tag 2}">{text:Tag 2}</a></li>{/block:IfTag2}
                        {block:IfTag3}<li><a href="/tagged/{text:Tag 3}">{text:Tag 3}</a></li>{/block:IfTag3}
                        {block:IfTag4}<li><a href="/tagged/{text:Tag 4}">{text:Tag 4}</a></li>{/block:IfTag4}
                        {block:IfTag5}<li><a href="/tagged/{text:Tag 5}">{text:Tag 5}</a></li>{/block:IfTag5}
                        {block:IfTag6}<li><a href="/tagged/{text:Tag 6}">{text:Tag 6}</a></li>{/block:IfTag6}
                        {block:IfTag7}<li><a href="/tagged/{text:Tag 7}">{text:Tag 7}</a></li>{/block:IfTag7}
                        {block:IfTag8}<li><a href="/tagged/{text:Tag 8}">{text:Tag 8}</a></li>{/block:IfTag8}
                        {block:IfTag9}<li><a href="/tagged/{text:Tag 9}">{text:Tag 9}</a></li>{/block:IfTag9}
                        {block:IfTag10}<li><a href="/tagged/{text:Tag 10}">{text:Tag 10}</a></li>{/block:IfTag10}     
                    </ul>
                </div>
            </nav>  
            {/block:IfShowTagsMenu}
            </section><!-- ./fixedNav -->
    
        {block:IfNotSlider}<div class="slogan"><div class="wrapper"><h2{block:IfAnimations} class="animated fadeInUpShort fast delay-1000"{/block:IfAnimations}><a href="{BlogURL}">{text:Slogan 1}</a></h2></div></div>{/block:IfNotSlider}
                
        {block:IfSlider}
        <div class="slickSlider">
            {block:IfSlide1}
            <div class="slick-slide" style="background: url({image:Slide 1}) center center no-repeat;">
                <div class="wrapper">
                    {block:IfURLSliderText1}<a href="{text:URL Slider Text 1}">{/block:IfURLSliderText1}
                        <h2 class="slick-slide-heading">{text:Slider Text 1}</h2>
                    {block:IfURLSliderText1}</a>{/block:IfURLSliderText1}
                    {block:IfSliderDescriptionText1}
                    <p class="slick-slide-desc">{text:Slider Description Text 1}</p>
                    {/block:IfSliderDescriptionText1}
                </div>
            </div>
            {/block:IfSlide1} 
            
            {block:IfSlide2}
            <div class="slick-slide" style="background: url({image:Slide 2}) center center no-repeat;">
                <div class="wrapper">
                    {block:IfURLSliderText2}<a href="{text:URL Slider Text 2}">{/block:IfURLSliderText2}
                        <h2 class="slick-slide-heading">{text:Slider Text 2}</h2>
                    {block:IfURLSliderText2}</a>{/block:IfURLSliderText2}
                    {block:IfSliderDescriptionText2}
                    <p class="slick-slide-desc">{text:Slider Description Text 2}</p>
                    {/block:IfSliderDescriptionText2}
                </div>
            </div>
            {/block:IfSlide2} 
            
            {block:IfSlide3}
            <div class="slick-slide" style="background: url({image:Slide 3}) center center no-repeat;">
                <div class="wrapper">
                    {block:IfURLSliderText3}<a href="{text:URL Slider Text 3}">{/block:IfURLSliderText3}
                        <h2 class="slick-slide-heading">{text:Slider Text 3}</h2>
                    {block:IfURLSliderText3}</a>{/block:IfURLSliderText3}
                    {block:IfSliderDescriptionText3}
                    <p class="slick-slide-desc">{text:Slider Description Text 3}</p>
                    {/block:IfSliderDescriptionText3}
                </div>
            </div>
            {/block:IfSlide3}    
        </div>     
        {/block:IfSlider}
        
    </div>

</header><!-- /.mainHeader -->
    
<div class="container">
    {block:TagPage}
    <h2 class="pageHeading">{Tag}</h2>
    {/block:TagPage}   
    
    {block:SearchPage}<h2 class="pageHeading">{SearchQuery}<br>{block:NoSearchResults}<span>{lang:No search results for SearchQuery}</span>{/block:NoSearchResults}</h2>{/block:SearchPage}
    
    {block:IndexPage}<section class="mainContent js-masonry">{/block:IndexPage}
    {block:PermalinkPage}<section class="mainContent">{/block:PermalinkPage}
    
    {block:Posts}
    <article class="post format{block:Text}Text {/block:Text}{block:Photoset}Photo {/block:Photoset}{block:Photo}Photo {/block:Photo}{block:Panorama}Photo {/block:Panorama}{block:Quote}Quote {/block:Quote}{block:Link}Link {/block:Link}{block:Chat}Chat {/block:Chat}{block:Audio}Audio {/block:Audio}{block:Video}Video {/block:Video}{block:Answer}Quote {/block:Answer}{block:RebloggedFrom}reblogged {/block:RebloggedFrom}" id="{PostID}" data-tags="{TagsAsClasses}">

        {block:Photo}
            <figure class="postImage effect-sadie">
                
                    <figcaption>
                        {block:IfPhotoZoom}<div class="expand"><a href="{PhotoURL-HighRes}" class="photo-zoom" title="{lang:Zoom}"><i class="fa fa-expand"></i></a></div>{/block:IfPhotoZoom}
                        
                        {block:IfNotes}<div class="notesLabel"><i class="fa fa-heart"></i> {NoteCount}</div>{/block:IfNotes}
                         <div class="meta">
                            {block:IfDate}{block:Date}
                            <div class="date"><i class="fa fa-clock-o"></i> {Month} {DayOfMonth}, {Year}</div>
                            {/block:Date}{/block:IfDate} 
                            
                            {block:IfSocialShareIcons}
                            <a class="shareButton"><i class="fa fa-share-alt" aria-hidden="true"></i></a>
                            <ul class="shareField">
                                {block:IfLikeButton}                    
                                <li class="likeButton">{LikeButton size="16" color="black"}</li>
                                {/block:IfLikeButton}
                                
                                {block:IfReblogButton}
                                <li class="reblogButton">{ReblogButton size="16" color="black"}</li>
                                {/block:IfReblogButton}       
                            
                                {block:IfFacebookShare}
                                <li class="fbButton"><a href="{block:Photo}http://www.facebook.com/sharer/sharer.php?s=100&amp;p[title]={PlaintextTitle}&amp;p[url]={URLEncodedPermalink}&amp;p[images][0]={URLEncodedPhotoURL-250}&amp;p[summary]={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Photo}"><i class="fa fa-facebook-square"></i></a></li>
                                {/block:IfFacebookShare}
                                
                                {block:IfGooglePlusShare}
                                <li class="gButton"><a href="{block:Photo}https://plus.google.com/share?url={URLEncodedPermalink}{/block:Photo}"><i class="fa fa-google-plus-square"></i></a></li>
                                {/block:IfGooglePlusShare}
                                
                                {block:IfTwitterShare}
                                <li class="twButton"><a href="{block:Photo}https://twitter.com/intent/tweet?text={block:Caption}{PlaintextCaption}{/block:Caption}%20-%20&amp;url={URLEncodedPermalink}{/block:Photo}"><i class="fa fa-twitter-square"></i></a></li>
                                {/block:IfTwitterShare}
                                
                                {block:IfPinterestShare}
                                <li class="pButton"><a href="{block:Photo}http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&amp;description={block:Caption}{PlaintextCaption}{/block:Caption}&amp;media={URLEncodedPhotoURL-250}{/block:Photo}"><i class="fa fa-pinterest-square"></i></a></li>
                                {/block:IfPinterestShare}

                            </ul><!--/.shareField -->
                            {/block:IfSocialShareIcons}
                        </div>                       

                        {block:PermalinkPage}
                        {block:IfShowEXIFData}
                        {block:Exif}
                        <ul class="post-exif">
                            {block:Camera}<li><div>Camera: <strong>{Camera}</strong></div></li>{/block:Camera}
                            {block:Exposure}<li><div>Exposure: <strong>{Exposure}</strong></div></li>{/block:Exposure}
                            {block:Aperture}<li><div>Aperture: <strong>{Aperture}</strong></div></li>{/block:Aperture}
                            {block:FocalLength}<li><div>Focal length: <strong>{FocalLength}</strong></div></li>{/block:FocalLength}
                        </ul><!-- /.post-exit -->
                        {/block:Exif}
                        {/block:IfShowEXIFData}
                        {/block:PermalinkPage}                    

                    </figcaption>
                    
                {block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" class="mainPhoto"></a>{/block:IndexPage}
                {block:PermalinkPage}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="mainPhoto">{/block:PermalinkPage}
            </figure>
            
            {block:PermalinkPage}
            <div class="postContent">
                {block:Caption}
                <div class="postExcerpt">
                    {Caption}
                </div>
                {/block:Caption}    
            </div>
            {/block:PermalinkPage}
        {/block:Photo}           
            
        {block:Panorama}
            <figure class="postImage effect-sadie">

                    <figcaption>
                    
                        {block:IndexPage}  
                        {block:IfPhotoZoom}<div class="expand"><a href="{PhotoURL-Panorama}" class="photo-zoom" title="{lang:Zoom}"><i class="fa fa-expand"></i></a></div>{/block:IfPhotoZoom}
                        
                        {block:IfNotes}<div class="notesLabel"><i class="fa fa-heart"></i> {NoteCount}</div>{/block:IfNotes}
                        {/block:IndexPage}  
                        <div class="meta">
                            {block:IfDate}{block:Date}
                            <div class="date"><i class="fa fa-clock-o"></i> {Month} {DayOfMonth}, {Year}</div>
                            {/block:Date}{/block:IfDate} 
                            
                            {block:IfSocialShareIcons}
                            <a class="shareButton"><i class="fa fa-share-alt" aria-hidden="true"></i></a>
                            <ul class="shareField">
                                {block:IfLikeButton}                    
                                <li class="likeButton">{LikeButton size="16" color="black"}</li>
                                {/block:IfLikeButton}
                                
                                {block:IfReblogButton}
                                <li class="reblogButton">{ReblogButton size="16" color="black"}</li>
                                {/block:IfReblogButton}       
                            
                                {block:IfFacebookShare}
                                <li class="fbButton"><a href="{block:Photoset}http://www.facebook.com/sharer/sharer.php?s=100&amp;p[title]={PlaintextTitle}&amp;p[url]={URLEncodedPermalink}{block:Photos}&amp;p[images][0]={URLEncodedPhotoURL-250}{/block:Photos}&amp;p[summary]={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Photoset}"><i class="fa fa-facebook-square"></i></a></li>
                                {/block:IfFacebookShare}
                                
                                {block:IfGooglePlusShare}
                                <li class="gButton"><a href="{block:Photoset}https://plus.google.com/share?url={URLEncodedPermalink}{/block:Photoset}"><i class="fa fa-google-plus-square"></i></a></li>
                                {/block:IfGooglePlusShare}
                                
                                {block:IfTwitterShare}
                                <li class="twButton"><a href="{block:Photoset}https://twitter.com/intent/tweet?text={block:Caption}{PlaintextCaption}{/block:Caption}%20-%20&amp;url={URLEncodedPermalink}{/block:Photoset}"><i class="fa fa-twitter-square"></i></a></li>
                                {/block:IfTwitterShare}
                                
                                {block:IfPinterestShare}
                                <li class="pButton"><a href="{block:Photoset}http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&amp;description={block:Caption}{PlaintextCaption}{/block:Caption}{block:Photos}&amp;media={URLEncodedPhotoURL-250}{/block:Photos}{/block:Photoset}"><i class="fa fa-pinterest-square"></i></a></li>
                                {/block:IfPinterestShare}
                            
                            </ul><!--/.shareField -->
                            {/block:IfSocialShareIcons}
                        </div>                        
                    </figcaption>
                    <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}">

            </figure>
            
            {block:PermalinkPage}
            <div class="postContent">
                {block:IfShowEXIFData}
                {block:Exif}
                <ul class="post-exif">
                    {block:Camera}<li><div>Camera: <strong>{Camera}</strong></div></li>{/block:Camera}
                    {block:Exposure}<li><div>Exposure: <strong>{Exposure}</strong></div></li>{/block:Exposure}
                    {block:Aperture}<li><div>Aperture: <strong>{Aperture}</strong></div></li>{/block:Aperture}
                    {block:FocalLength}<li><div>Focal length: <strong>{FocalLength}</strong></div></li>{/block:FocalLength}
                </ul><!-- /.post-exit -->
                {/block:Exif}
                {/block:IfShowEXIFData}
            
                {block:Caption}
                <div class="postExcerpt">
                    {Caption}
                </div>
                {/block:Caption}    
            </div>
            {/block:PermalinkPage}
        {/block:Panorama}

        {block:Photoset} 
        <figure class="postImage effect-sadie">
            <figcaption>
            
                {block:IfNotes}<div class="notesLabel"><i class="fa fa-heart"></i> {NoteCount}</div>{/block:IfNotes}
                <div class="meta">
                    {block:IfDate}{block:Date}
                    <div class="date"><i class="fa fa-clock-o"></i> {Month} {DayOfMonth}, {Year}</div>
                    {/block:Date}{/block:IfDate} 
                    
                    {block:IfSocialShareIcons}
                    <a class="shareButton"><i class="fa fa-share-alt" aria-hidden="true"></i></a>
                    <ul class="shareField">
                        {block:IfLikeButton}                    
                        <li class="likeButton">{LikeButton size="16" color="black"}</li>
                        {/block:IfLikeButton}
                        
                        {block:IfReblogButton}
                        <li class="reblogButton">{ReblogButton size="16" color="black"}</li>
                        {/block:IfReblogButton}       
                    
                        {block:IfFacebookShare}
                        <li class="fbButton"><a href="{block:Photoset}http://www.facebook.com/sharer/sharer.php?s=100&amp;p[title]={PlaintextTitle}&amp;p[url]={URLEncodedPermalink}{block:Photos}&amp;p[images][0]={URLEncodedPhotoURL-250}{/block:Photos}&amp;p[summary]={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Photoset}"><i class="fa fa-facebook-square"></i></a></li>
                        {/block:IfFacebookShare}
                        
                        {block:IfGooglePlusShare}
                        <li class="gButton"><a href="{block:Photoset}https://plus.google.com/share?url={URLEncodedPermalink}{/block:Photoset}"><i class="fa fa-google-plus-square"></i></a></li>
                        {/block:IfGooglePlusShare}
                        
                        {block:IfTwitterShare}
                        <li class="twButton"><a href="{block:Photoset}https://twitter.com/intent/tweet?text={block:Caption}{PlaintextCaption}{/block:Caption}%20-%20&amp;url={URLEncodedPermalink}{/block:Photoset}"><i class="fa fa-twitter-square"></i></a></li>
                        {/block:IfTwitterShare}
                        
                        {block:IfPinterestShare}
                        <li class="pButton"><a href="{block:Photoset}http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&amp;description={block:Caption}{PlaintextCaption}{/block:Caption}{block:Photos}&amp;media={URLEncodedPhotoURL-250}{/block:Photos}{/block:Photoset}"><i class="fa fa-pinterest-square"></i></a></li>
                        {/block:IfPinterestShare}

                        {block:IndexPage}<li class="permalinkButton"><a href="{Permalink}"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a></li>{/block:IndexPage}                           
                    
                    </ul><!--/.shareField -->
                    {/block:IfSocialShareIcons}
                </div>                        
            </figcaption>
                
            <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
                {block:Photos}
                <div class="photo-data">
                    <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}">
                    <div class="pxu-photo">
                    
                        <img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" class="{block:Exif}exif-yes {/block:Exif}{block:Caption}caption-yes{/block:Caption}" {block:Exif}data-camera="{block:Camera}{Camera}{/block:Camera}" data-iso="{block:ISO}{ISO}{/block:ISO}" data-aperture="{block:Aperture}{Aperture}{/block:Aperture}" data-exposure="{block:Exposure}{Exposure}{/block:Exposure}" data-focal="{block:FocalLength}{FocalLength}{/block:FocalLength}"{/block:Exif} {block:Caption}data-caption="{Caption}"{/block:Caption}>
                        
                    </div>
                    </a>
                </div>
                {/block:Photos}
            
            </div><!-- ./ SLIDESHOW -->
        </figure>
            
            
            {block:PermalinkPage}
            <div class="postContent">
                {block:Caption}
                <div class="postExcerpt">
                    {Caption}
                </div>
                {/block:Caption}    
            </div>
            {/block:PermalinkPage}  
        {/block:Photoset}

        {block:Answer}
        <div class="postContent">
        
            <div class="postExcerpt">
                <div class="quote">
                    <div class="postTitle"><strong>{Asker}</strong> {Question}</div>
                </div>
        
                {block:Answerer}
                <div class="postExcerpt">
                    <p class="answerer">{Answerer}</p>
                    <p class="answerer-answer">{Answer}</p>
                </div>
                {/block:Answerer}
            
                <div class="replies">
                    {Replies}
                </div>
            </div>

        </div>
        
        <div class="meta">
            {block:IfDate}{block:Date}
            <div class="date"><i class="fa fa-clock-o"></i> {Month} {DayOfMonth}, {Year}</div>
            {/block:Date}{/block:IfDate} 
            
            {block:IfSocialShareIcons}
            <a class="shareButton"><i class="fa fa-share-alt" aria-hidden="true"></i></a>
            <ul class="shareField">
                {block:IfLikeButton}                    
                <li class="likeButton">{LikeButton size="16" color="black"}</li>
                {/block:IfLikeButton}
                
                {block:IfReblogButton}
                <li class="reblogButton">{ReblogButton size="16" color="black"}</li>
                {/block:IfReblogButton}       
            
                {block:IfFacebookShare}
                <li class="fbButton"><a href="{block:Answer}http://www.facebook.com/sharer/sharer.php?s=100&amp;p[title]={lang:Asker asked}:{PlaintextQuestion}&amp;p[url]={URLEncodedPermalink}&amp;p[images][0]=http://assets.tumblr.com/images/og/chat_200.png&amp;p[summary]={PlaintextAnswer}{/block:Answer}"><i class="fa fa-facebook-square"></i></a></li>
                {/block:IfFacebookShare}
                
                {block:IfGooglePlusShare}
                <li class="gButton"><a href="{block:Answer}https://plus.google.com/share?url={URLEncodedPermalink}{/block:Answer}"><i class="fa fa-google-plus-square"></i></a></li>
                {/block:IfGooglePlusShare}
                
                {block:IfTwitterShare}
                <li class="twButton"><a href="{block:Answer}https://twitter.com/intent/tweet?text={lang:Asker asked}%3A%0A{PlaintextQuestion}%20-%20&amp;url={URLEncodedPermalink}{/block:Answer}"><i class="fa fa-twitter-square"></i></a></li>
                {/block:IfTwitterShare}
                
                {block:IfPinterestShare}
                <li class="pButton"><a href="{block:Answer}http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&amp;description={lang:Asker asked}%3A%0A{PlaintextQuestion}&amp;media=http://assets.tumblr.com/images/og/chat_200.png{/block:Answer}"><i class="fa fa-pinterest-square"></i></a></li>
                {/block:IfPinterestShare}
                
                {block:IndexPage}<li class="permalinkButton"><a href="{Permalink}"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a></li>{/block:IndexPage}            
            
            </ul><!--/.shareField -->
            {/block:IfSocialShareIcons}
        </div>        
        {/block:Answer}
        
        {block:Video}
        <div class="postContent">        
            {block:IndexPage}<div class="frame">{VideoEmbed-500}</div>{/block:IndexPage}
            {block:PermalinkPage}<div class="frame">{VideoEmbed-700}</div>{/block:PermalinkPage}
            
            {block:Caption}
            <div class="postExcerpt">
                {Caption}
                {block:More}<a href="{Permalink}" class="readMore"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 48 48"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"/></svg></a>{/block:More}
            </div>
            {/block:Caption}  
            
        </div>    
        
        <div class="meta">
            {block:IfDate}{block:Date}
            <div class="date"><i class="fa fa-clock-o"></i> {Month} {DayOfMonth}, {Year}</div>
            {/block:Date}{/block:IfDate} 
            
            {block:IfSocialShareIcons}
            <a class="shareButton"><i class="fa fa-share-alt" aria-hidden="true"></i></a>
            <ul class="shareField">
                {block:IfLikeButton}                    
                <li class="likeButton">{LikeButton size="16" color="black"}</li>
                {/block:IfLikeButton}
                
                {block:IfReblogButton}
                <li class="reblogButton">{ReblogButton size="16" color="black"}</li>
                {/block:IfReblogButton}       
            
                {block:IfFacebookShare}
                <li class="fbButton"><a href="{block:Video}http://www.facebook.com/sharer/sharer.php?s=100&amp;p[title]={PlaintextName}&amp;p[url]={URLEncodedPermalink}&amp;p[images][0]={block:VideoThumbnail}{VideoThumbnailURL}{/block:VideoThumbnail}&amp;p[summary]={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Video}"><i class="fa fa-facebook-square"></i></a></li>
                {/block:IfFacebookShare}
                
                {block:IfGooglePlusShare}
                <li class="gButton"><a href="{block:Video}https://plus.google.com/share?url={URLEncodedPermalink}{/block:Video}"><i class="fa fa-google-plus-square"></i></a></li>
                {/block:IfGooglePlusShare}
                
                {block:IfTwitterShare}
                <li class="twButton"><a href="{block:Video}https://twitter.com/intent/tweet?text={block:Caption}{PlaintextCaption}{/block:Caption}%20-%20&amp;url={URLEncodedPermalink}{/block:Video}"><i class="fa fa-twitter-square"></i></a></li>
                {/block:IfTwitterShare}
                
                {block:IfPinterestShare}
                <li class="pButton"><a href="{block:Video}http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&amp;description={block:Caption}{PlaintextCaption}{/block:Caption}&amp;media={block:VideoThumbnail}{VideoThumbnailURL}{/block:VideoThumbnail}{/block:Video}"><i class="fa fa-pinterest-square"></i></a></li>
                {/block:IfPinterestShare}
                
                {block:IndexPage}<li class="permalinkButton"><a href="{Permalink}"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a></li>{/block:IndexPage}            
            
            </ul><!--/.shareField -->
            {/block:IfSocialShareIcons}
        </div>        
        {/block:Video}

        {block:Audio}
        <div class="postContent">
            {block:IndexPage}<div class="frame">{AudioEmbed-250}</div>{/block:IndexPage}
            {block:PermalinkPage}<div class="frame">{AudioEmbed-640}</div>{/block:PermalinkPage}
            
            {block:Caption}
            <div class="postExcerpt">
                {Caption}
                {block:More}<a href="{Permalink}" class="readMore"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 48 48"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"/></svg></a>{/block:More}
            </div>
            {/block:Caption}
            
        </div>   
        <div class="meta">
            {block:IfDate}{block:Date}
            <div class="date"><i class="fa fa-clock-o"></i> {Month} {DayOfMonth}, {Year}</div>
            {/block:Date}{/block:IfDate} 
            
            {block:IfSocialShareIcons}
            <a class="shareButton"><i class="fa fa-share-alt" aria-hidden="true"></i></a>
            <ul class="shareField">
                {block:IfLikeButton}                    
                <li class="likeButton">{LikeButton size="16" color="black"}</li>
                {/block:IfLikeButton}
                
                {block:IfReblogButton}
                <li class="reblogButton">{ReblogButton size="16" color="black"}</li>
                {/block:IfReblogButton}       
            
                {block:IfFacebookShare}
                <li class="fbButton"><a href="{block:Audio}http://www.facebook.com/sharer/sharer.php?s=100&amp;p[title]={block:TrackName}{PlaintextTrackname}{/block:TrackName}{block:Artist}%20-%20{PlaintextArtist}{/block:Artist}&amp;p[url]={URLEncodedPermalink}&amp;p[images][0]={block:AlbumArt}{URLEncodedAlbumArtURL}{/block:AlbumArt}&amp;p[summary]={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Audio}"><i class="fa fa-facebook-square"></i></a></li>
                {/block:IfFacebookShare}
                
                {block:IfGooglePlusShare}
                <li class="gButton"><a href="{block:Audio}https://plus.google.com/share?url={URLEncodedPermalink}{/block:Audio}"><i class="fa fa-google-plus-square"></i></a></li>
                {/block:IfGooglePlusShare}
                
                {block:IfTwitterShare}
                <li class="twButton"><a href="{block:Audio}https://twitter.com/intent/tweet?text={block:TrackName}{PlaintextTrackname}{/block:TrackName}{block:Artist}%20-%20{PlaintextArtist}{/block:Artist}%20%3A%20&amp;url={URLEncodedPermalink}{/block:Audio}"><i class="fa fa-twitter-square"></i></a></li>
                {/block:IfTwitterShare}
                
                {block:IfPinterestShare}
                <li class="pButton"><a href="{block:Audio}http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&amp;description={block:TrackName}{PlaintextTrackname}{/block:TrackName}{block:Artist}%20-%20{PlaintextArtist}{/block:Artist}&amp;media={block:AlbumArt}{URLEncodedAlbumArtURL}{/block:AlbumArt}{/block:Audio}"><i class="fa fa-pinterest-square"></i></a></li>
                {/block:IfPinterestShare}
                
                {block:IndexPage}<li class="permalinkButton"><a href="{Permalink}"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a></li>{/block:IndexPage}            
            
            </ul><!--/.shareField -->
            {/block:IfSocialShareIcons}
        </div>           
        {/block:Audio}

        {block:Text}
        <div class="postContent">
            <h2 class="postTitle">
                <a href="{Permalink}">{Title}</a>
            </h2>

            <div class="postExcerpt">
                {Body}
                {block:More}<a href="{Permalink}" class="readMore"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 48 48"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"/></svg></a>{/block:More}
            </div>
            
        </div>
        
        <div class="meta">
            {block:IfDate}{block:Date}
            <div class="date"><i class="fa fa-clock-o"></i> {Month} {DayOfMonth}, {Year}</div>
            {/block:Date}{/block:IfDate} 
            
            {block:IfSocialShareIcons}
            <a class="shareButton"><i class="fa fa-share-alt" aria-hidden="true"></i></a>
            <ul class="shareField">
                {block:IfLikeButton}                    
                <li class="likeButton">{LikeButton size="16" color="black"}</li>
                {/block:IfLikeButton}
                
                {block:IfReblogButton}
                <li class="reblogButton">{ReblogButton size="16" color="black"}</li>
                {/block:IfReblogButton}       
            
                {block:IfFacebookShare}
                <li class="fbButton"><a href="{block:Text}http://www.facebook.com/sharer/sharer.php?s=100&amp;p[title]={block:Title}{PlaintextTitle}{/block:Title}&amp;p[url]={URLEncodedPermalink}&amp;p[images][0]=http://assets.tumblr.com/images/og/text_200.png&amp;p[summary]={PlaintextBody}{/block:Text}"><i class="fa fa-facebook-square"></i></a></li>
                {/block:IfFacebookShare}
                
                {block:IfGooglePlusShare}
                <li class="gButton"><a href="{block:Text}https://plus.google.com/share?url={URLEncodedPermalink}{/block:Text}"><i class="fa fa-google-plus-square"></i></a></li>
                {/block:IfGooglePlusShare}
                
                {block:IfTwitterShare}
                <li class="twButton"><a href="{block:Text}https://twitter.com/intent/tweet?text={block:Title}{PlaintextTitle}%20-%20{/block:Title}&amp;url={URLEncodedPermalink}{/block:Text}"><i class="fa fa-twitter-square"></i></a></li>
                {/block:IfTwitterShare}
                
                {block:IfPinterestShare}
                <li class="pButton"><a href="{block:Text}http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&amp;description={block:Title}{PlaintextTitle}{/block:Title}&amp;media=http://assets.tumblr.com/images/og/text_200.png{/block:Text}"><i class="fa fa-pinterest-square"></i></a></li>
                {/block:IfPinterestShare}
                
                {block:IndexPage}<li class="permalinkButton"><a href="{Permalink}"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a></li>{/block:IndexPage}            
            
            </ul><!--/.shareField -->
            {/block:IfSocialShareIcons}
        </div>        
        {/block:Text}

        {block:Link}
        <div class="postContent">
            
            <svg class="icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 48 48"><path d="M18 10v4h13.17L8 37.17 10.83 40 34 16.83V30h4V10z"/></svg>
            
                      
            <h2 class="postTitle"><a href="{Permalink}">{Name}</a></h2>
            <a href="{URL}" class="postExternalLink">{Host}</a>

            {block:Description}
            <div class="postExcerpt">
                {Description}
                {block:More}<a href="{Permalink}" class="readMore"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 48 48"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"/></svg></a>{/block:More}
            </div>
            {/block:Description}
            
        </div>
        
        <div class="meta">
            {block:IfDate}{block:Date}
            <div class="date"><i class="fa fa-clock-o"></i> {Month} {DayOfMonth}, {Year}</div>
            {/block:Date}{/block:IfDate} 
            
            {block:IfSocialShareIcons}
            <a class="shareButton"><i class="fa fa-share-alt" aria-hidden="true"></i></a>
            <ul class="shareField">
                {block:IfLikeButton}                    
                <li class="likeButton">{LikeButton size="16" color="black"}</li>
                {/block:IfLikeButton}
                
                {block:IfReblogButton}
                <li class="reblogButton">{ReblogButton size="16" color="black"}</li>
                {/block:IfReblogButton}       
            
                {block:IfFacebookShare}
                <li class="fbButton"><a href="{block:Link}http://www.facebook.com/sharer/sharer.php?s=100&amp;p[title]={PlaintextName}&amp;p[url]={URLEncodedPermalink}&amp;p[images][0]=http://assets.tumblr.com/images/og/link_200.png&amp;p[summary]={block:Description}{PlaintextDescription}{/block:Description}{/block:Link}"><i class="fa fa-facebook-square"></i></a></li>
                {/block:IfFacebookShare}
                
                {block:IfGooglePlusShare}
                <li class="gButton"><a href="{block:Link}https://plus.google.com/share?url={URLEncodedPermalink}{/block:Link}"><i class="fa fa-google-plus-square"></i></a></li>
                {/block:IfGooglePlusShare}
                
                {block:IfTwitterShare}
                <li class="twButton"><a href="{block:Link}https://twitter.com/intent/tweet?text={PlaintextName}%20-%20&amp;url={URLEncodedPermalink}{/block:Link}
"><i class="fa fa-twitter-square"></i></a></li>
                {/block:IfTwitterShare}
                
                {block:IfPinterestShare}
                <li class="pButton"><a href="{block:Link}http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&amp;description={PlaintextName}&amp;media=http://assets.tumblr.com/images/og/link_200.png{/block:Link}"><i class="fa fa-pinterest-square"></i></a></li>
                {/block:IfPinterestShare}
                
                {block:IndexPage}<li class="permalinkButton"><a href="{Permalink}"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a></li>{/block:IndexPage}            
            
            </ul><!--/.shareField -->
            {/block:IfSocialShareIcons}
        </div>        
        {/block:Link}

        {block:Quote}
        <div class="postContent">
            <div class="postExcerpt">
                <svg class="icon" xmlns="http://www.w3.org/2000/svg" width="60" height="90" viewBox="10 0 30 30" preserveAspectRatio="xMinYMin meet"><path d="M34 6H14c-2.21 0-3.98 1.79-3.98 4L10 42l14-6 14 6V10c0-2.21-1.79-4-4-4zm0 30l-10-4.35L14 36V10h20v26z"></path></svg>
                <div class="postTitle"><a href="{Permalink}">{Quote}</a></div>
                {block:Source}
                <div class="quoteAuthorBox">
                    <p class="quoteAuthor">{Source}</p>
                </div>           
                {/block:Source}
            </div>
            
        </div>
        
        <div class="meta">
            {block:IfDate}{block:Date}
            <div class="date"><i class="fa fa-clock-o"></i> {Month} {DayOfMonth}, {Year}</div>
            {/block:Date}{/block:IfDate} 
            
            {block:IfSocialShareIcons}
            <a class="shareButton"><i class="fa fa-share-alt" aria-hidden="true"></i></a>
            <ul class="shareField">
                {block:IfLikeButton}                    
                <li class="likeButton">{LikeButton size="16" color="black"}</li>
                {/block:IfLikeButton}
                
                {block:IfReblogButton}
                <li class="reblogButton">{ReblogButton size="16" color="black"}</li>
                {/block:IfReblogButton}       
            
                {block:IfFacebookShare}
                <li class="fbButton"><a href="{block:Quote}http://www.facebook.com/sharer/sharer.php?s=100&amp;p[title]={PlaintextQuote}&amp;p[url]={URLEncodedPermalink}&amp;p[images][0]=http://assets.tumblr.com/images/og/quote_200.png{/block:Quote}"><i class="fa fa-facebook-square"></i></a></li>
                {/block:IfFacebookShare}
                
                {block:IfGooglePlusShare}
                <li class="gButton"><a href="{block:Quote}https://plus.google.com/share?url={URLEncodedPermalink}{/block:Quote}"><i class="fa fa-google-plus-square"></i></a></li>
                {/block:IfGooglePlusShare}
                
                {block:IfTwitterShare}
                <li class="twButton"><a href="{block:Quote}https://twitter.com/intent/tweet?text={PlaintextQuote}%20-%20&amp;url={URLEncodedPermalink}{/block:Quote}
"><i class="fa fa-twitter-square"></i></a></li>
                {/block:IfTwitterShare}
                
                {block:IfPinterestShare}
                <li class="pButton"><a href="{block:Quote}http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&amp;description={PlaintextQuote}&amp;media=http://assets.tumblr.com/images/og/quote_200.png{/block:Quote}"><i class="fa fa-pinterest-square"></i></a></li>
                {/block:IfPinterestShare}
                
                {block:IndexPage}<li class="permalinkButton"><a href="{Permalink}"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a></li>{/block:IndexPage}            
            
            </ul><!--/.shareField -->
            {/block:IfSocialShareIcons}
        </div>        
        {/block:Quote}

        {block:Chat}
        <div class="postContent">

            <h2 class="postTitle">
                <a href="{Permalink}">{Title}</a>
            </h2>

            <div class="postExcerpt">
                <ol class="chat">
                    {block:Lines}
                    <li>
                        {block:Label}
                        <span class="chatName">{Label}</span>
                        {/block:Label}

                        <span class="chatMessage">{Line}</span>
                    </li>
                    {/block:Lines}
                </ol>
            </div>

        </div>

        <div class="meta">
            {block:IfDate}{block:Date}
            <div class="date"><i class="fa fa-clock-o"></i> {Month} {DayOfMonth}, {Year}</div>
            {/block:Date}{/block:IfDate} 
            
            {block:IfSocialShareIcons}
            <a class="shareButton"><i class="fa fa-share-alt" aria-hidden="true"></i></a>
            <ul class="shareField">
                {block:IfLikeButton}                    
                <li class="likeButton">{LikeButton size="16" color="black"}</li>
                {/block:IfLikeButton}
                
                {block:IfReblogButton}
                <li class="reblogButton">{ReblogButton size="16" color="black"}</li>
                {/block:IfReblogButton}       
            
                {block:IfFacebookShare}
                <li class="fbButton"><a href="{block:Chat}http://www.facebook.com/sharer/sharer.php?s=100&amp;p[title]={block:Title}{PlaintextTitle}{/block:Title}&amp;p[url]={URLEncodedPermalink}&amp;p[images][0]=http://assets.tumblr.com/images/og/chat_200.png&amp;p[summary]={block:Lines}{block:Label}{PlaintextLabel}{/block:Label}{PlaintextLine}%0A{/block:Lines}{/block:Chat}"><i class="fa fa-facebook-square"></i></a></li>
                {/block:IfFacebookShare}
                
                {block:IfGooglePlusShare}
                <li class="gButton"><a href="{block:Chat}https://plus.google.com/share?url={URLEncodedPermalink}{/block:Chat}"><i class="fa fa-google-plus-square"></i></a></li>
                {/block:IfGooglePlusShare}
                
                {block:IfTwitterShare}
                <li class="twButton"><a href="{block:Chat}https://twitter.com/intent/tweet?text={block:Title}{PlaintextTitle}{/block:Title}%20-%20&amp;url={URLEncodedPermalink}{/block:Chat}
"><i class="fa fa-twitter-square"></i></a></li>
                {/block:IfTwitterShare}
                
                {block:IfPinterestShare}
                <li class="pButton"><a href="{block:Chat}http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&amp;description={block:Title}{PlaintextTitle}{/block:Title}&amp;media=http://assets.tumblr.com/images/og/chat_200.png{/block:Chat}"><i class="fa fa-pinterest-square"></i></a></li>
                {/block:IfPinterestShare}
                
                {block:IndexPage}<li class="permalinkButton"><a href="{Permalink}"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a></li>{/block:IndexPage}            
            
            </ul><!--/.shareField -->
            {/block:IfSocialShareIcons}
        </div>        
        {/block:Chat}

        {block:PermalinkPage}   
            <div class="bottom">
                {block:IfShowPostTags}
                {block:HasTags} 
                <ul class="postTags">
                    {block:Tags}
                    <li>
                        <a href="{TagURL}">{Tag}</a>
                    </li>
                    {/block:Tags}
                </ul>
                {/block:HasTags}
                {/block:IfShowPostTags}

                {block:IfDisqusShortname}
                <div id="disqus_thread"></div>
                <script type="text/javascript">
                    var disqus_shortname = "{text:Disqus Shortname}";
                    var disqus_url = "{Permalink}";
            
                    (function() {
                        var dsq = document.createElement("script"); dsq.type = "text/javascript"; dsq.async = true;
                        dsq.src = "//" + disqus_shortname + ".disqus.com/embed.js";
                        (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(dsq);
                    })();
                </script>
                <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
                {/block:IfDisqusShortname}
            
                {block:IfNotes}
                {block:PostNotes}
                <section class="postNotes">
                    <h2>{NoteCountWithLabel}</h2>
                    {PostNotes-64}
                </section>
                {/block:PostNotes}
                {/block:IfNotes}
            
        </div><!-- /.bottom --> 
        {/block:PermalinkPage}        
    </article>
    
    {/block:Posts}
    
    </section>

</div>

<footer class="mainFooter">
    <div class="wrapper">
    
        {block:IfNextPreviousLinksonPostPage}
        {block:PermalinkPagination}
        <div class="pagination">
            {block:PreviousPost}
            <a href="{PreviousPost}" class="paginationPrev" title="{lang:Previous}">
                <i class="fa fa-long-arrow-left" aria-hidden="true"></i>
            </a>
            {/block:PreviousPost}

            {block:NextPost}
            <a href="{NextPost}" class="paginationNext" title="{lang:Next}">
                <i class="fa fa-long-arrow-right" aria-hidden="true"></i>
            </a>
            {/block:NextPost}
        </div>
        {/block:PermalinkPagination}
        {/block:IfNextPreviousLinksonPostPage}
    
        {block:Pagination}
        <div class="pagination {block:IfInfiniteScroll}hidden{/block:IfInfiniteScroll}">
    
            {block:PreviousPage}
            <a href="{PreviousPage}" class="paginationPrev" title="{lang:Previous}">
                <i class="fa fa-long-arrow-left" aria-hidden="true"></i>
            </a>
            {/block:PreviousPage}
            
            {block:JumpPagination length="5"}
                {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
                {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
            {/block:JumpPagination}
            
            {block:NextPage}
            <a href="{NextPage}" class="paginationNext" title="{lang:Next}">
                <i class="fa fa-long-arrow-right" aria-hidden="true"></i>
            </a>
            {/block:NextPage}  
    
        </div>
        {/block:Pagination}        

        <p><strong>&copy; Copyright {CopyrightYears} - {Title}</strong></p>
        <p>All rights reserved.</p>

        <p class="author">Designed &amp; developed by <a href="http://rosea.io">Rosea Themes</a></p>

    </div>
</footer>

    <!-- jQuery -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>    
    
   {block:IfGoogleAnalyticsID}
   <!-- Google Analtics ID -->
   <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
        ga('create', '{text:Google Analytics ID}', 'tumblr.com');
        ga('send', 'pageview');
    </script>
    {/block:IfGoogleAnalyticsID}
    
    {block:IfSlider}
    <!-- Slick Slider -->    
    <script src="http://static.tumblr.com/wfauvgx/OVBnwxafz/slick.min.js"></script>
    <script>
        function slickSlider ($elems) {
            $elems.slick({
                autoplay: false,
                swipe: true,
                dots: true,
                arrows: false,
                infinite: true,
                speed: 300,
                slide: "div",
                adaptiveHeight: false,
                cssEase: "linear"
            });   
        }
            
        $(document).ready(function(){
            slickSlider($(".slickSlider"));
        });
    </script>
    {/block:IfSlider}

    {/block:IfAnimations}
    <script src="http://static.tumblr.com/wfauvgx/CiInlpqb4/css3-animate-it.js"></script>
    {/block:IfAnimations}

    {block:IfPhotoZoom}    
    <!-- Simple Lightbox -->
    <script src="http://static.tumblr.com/wfauvgx/iXknxpwrf/simple-lightbox.min.js"></script>
    <script>
        $(function(){
            var gallery = $('.photo-zoom').simpleLightbox({showCounter: false, captionSelector: '.photo-zoom'{block:PermalinkPage}, nav: false{/block:PermalinkPage}});
        });
    </script>
    {/block:IfPhotoZoom} 

    <!--Fit Video -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fitvids/1.1.0/jquery.fitvids.js"></script>
    <script>
        $(".tmblr-embed, .frame").fitVids();
        $(".frame").fitVids({ customSelector: "iframe[src*='tumblr.com']"}); 
    </script>
    
    <!-- Rosea.io scripts --> 
    <script src="http://static.tumblr.com/wfauvgx/pieo8jc3k/scripts.js"></script>
    <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
    <script>
        $('.photo-slideshow').pxuPhotoset({'rounded':false,'exif':false,'photoset':'.photo-slideshow', 'gutter':'0'});        
    </script>
    
    {block:IndexPage}
    <!-- Masonry -->
    <script src="http://static.tumblr.com/wfauvgx/mu6ntdfq4/masonry.pkgd.min.js"></script>
    <script src="http://static.tumblr.com/wfauvgx/6BWnom8p4/jquery.imagesloaded.min.js"></script>
    
    {block:IfInfiniteScroll}
    <!-- Infinite Scroll -->
    <script src="http://static.tumblr.com/wfauvgx/1lKnolpw4/jquery.infinitescroll.min.js"></script>
    {/block:IfInfiniteScroll}

    <script>

        function masonryGrid () {
            
            $('.mainContent').masonry({
                transitionDuration: '0.2s',  
                itemSelector: '.post',
                columnWidth: '.post',
                gutter: 1
            })    

        }
        
        $(window).on("load", function() {
            masonryGrid ();
        }); 

    </script>
    
    {block:IfInfiniteScroll}
    <script>
    $(function(){

        var $container = $('.mainContent');
        $container.imagesLoaded(function(){
            masonryGrid ();
        });
        
        $container.infinitescroll({
            navSelector: ".pagination",
            nextSelector: ".pagination a:last-child",
            itemSelector: "article",
            speed: 'fast',
            loading: {
                img: 'data:image/gif;base64,R0lGODlhKwALAPEAAP///93d3e3t7d3d3SH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAKwALAAACMoSOCMuW2diD88UKG95W88uF4DaGWFmhZid93pq+pwxnLUnXh8ou+sSz+T64oCAyTBUAACH5BAkKAAAALAAAAAArAAsAAAI9xI4IyyAPYWOxmoTHrHzzmGHe94xkmJifyqFKQ0pwLLgHa82xrekkDrIBZRQab1jyfY7KTtPimixiUsevAAAh+QQJCgAAACwAAAAAKwALAAACPYSOCMswD2FjqZpqW9xv4g8KE7d54XmMpNSgqLoOpgvC60xjNonnyc7p+VKamKw1zDCMR8rp8pksYlKorgAAIfkECQoAAAAsAAAAACsACwAAAkCEjgjLltnYmJS6Bxt+sfq5ZUyoNJ9HHlEqdCfFrqn7DrE2m7Wdj/2y45FkQ13t5itKdshFExC8YCLOEBX6AhQAADsAAAAAAAAAAAA='
            }
        },

        // trigger Masonry as a callback
        function( newElements ) {
            // hide new items while they are loading
            var $newElems = $( newElements ).css({ opacity: 0 });
            // Create Array of $newElems IDs
            var $newElemsIDs = $newElems.map(function () { 
                return this.id; 
            }).get();         

            $(".tmblr-embed, .frame").fitVids();
            $(".frame").fitVids({ customSelector: "iframe[src*='tumblr.com']"});  
            $('.photo-slideshow').pxuPhotoset({'rounded':false,'exif':false,'photoset':'.photo-slideshow', 'gutter':'0'});    
            // ensure that images load before adding to masonry layout
            $newElems.imagesLoaded(function(){
                // show elems now they're ready
                $newElems.animate({ opacity: 1 });
                $container.masonry( 'appended', $newElems, true ); 
                Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
                
                masonryGrid ();
            });
        }
        );
       
    });
    </script>
    {/block:IfInfiniteScroll}
    {/block:IndexPage}

    <!-- Check If Page -->
    {block:PermalinkPage}
    <script>
        if(!window.location.href.match(/\/post\//ig)) { $("body").addClass("page"); }
    </script>
    {/block:PermalinkPage}
    
    {block:IndexPage}
    {block:IfShowPreloader}
    <!-- Preloader -->
    <script type="text/javascript">
        //<![CDATA[
            $(window).load(function() { // makes sure the whole site is loaded
                $('#status').fadeOut(); // will first fade out the loading animation
                $('#preloader').delay(350).fadeOut('slow'); // will fade out the white DIV that covers the website.
                $('body').delay(350).css({'overflow':'visible'});
            })
        //]]>
    </script> 
    {/block:IfShowPreloader}
    {/block:IndexPage}   

</body>
</html>